<?php

// start the session
session_start();

// start buffering the output
ob_start();

// require the database and login libraries
require_once("database.php");
require_once("liblogin.php");

?>

<html>
<head>
<title>UC Irvine | Professor Assignment System - Help</title>

<link rel="stylesheet" href="css/general.css" />
<style type="text/css">
a {text-decoration:none;}
</style>
<link type="text/css" href="css/custom-theme/jquery-ui-1.8.custom.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>

</head>

<body>

<?php echo createFixedMenu(); ?>

<div style="width:700px;margin-left:auto;margin-right:auto">

<h3 align="center">Help</h3><br />

<p align="center">This is the Help page.  Click items below for assistance.</p><br />

<b>Color Coding</b><br /><br />

<a href="#" id="helpLinkColor">Course Color Code</a><br />
	<div id="helpColor" style="display:none"><br />
		For a new user, the course color coding may be confusing.  Therefore, you can use this breakdown for reference:<br /><br />
		
		<span class="manageCoursesItemUGrad">Sample</span> - Undergraduate<br />
		<span class="manageCoursesItemUGradPrj">Sample</span> - Undergraduate Project<br />
		<span class="manageCoursesItemUGradSem">Sample</span> - Undergraduate Seminar<br />
		<span class="manageCoursesItemGrad">Sample</span> - Graduate<br />
		<span class="manageCoursesItemGradPrj">Sample</span> - Graduate Project<br />
		<span class="manageCoursesItemGradSem">Sample</span> - Graduate Seminar<br />
		<span class="manageCoursesItemPro">Sample</span> - Professional<br />
	</div>

<br /><br />

<b>Courses</b><br /><br />
	
<a href="#" id="helpLinkAddCourse">Add a Course</a><br />
	<div id="helpAddCourse" style="display:none"><br />
		To add a course:<br />
		
		<ol>
			<li>Go to the drop-down menu on the top-right of the page and choose "Manage Courses"</li>
			<li>Click "Add Course" on the Manage Courses page</li>
			<li>Fill in the course information:
				<ul>
					<li><b>Name</b> - The name of the course (e.g. "Introduction to Data Structures")</li>
					<li><b>Department</b> - The department where this course will be taught (e.g. "ICS")</li>
					<li><b>Number</b> - The course number (e.g. "23")</li>
					<li><b>Type</b> - The graduate level of this course (e.g. "Undergraduate")</li>
					<li><b>Students</b> - The number of students to be allowed in this course (e.g. "30")</li>
					<li><b>Notes</b> (optional) - Any notes you would like to write about this course</li>
				</ul>
			</li>
			<li>Click the "Add Course" button and you're done!</li>
		</ol>
	</div>
	
<br />
	
<a href="#" id="helpLinkEditCourse">Edit a Course</a><br />
	<div id="helpEditCourse" style="display:none"><br />
		To edit a course:<br />
		
		<ol>
			<li>Go to the drop-down menu on the top-right of the page and choose "Manage Courses"</li>
			<li>Find the course you want to edit and click the pencil icon on the Manage Courses page</li>
			<li>Update the course information:
				<ul>
					<li><b>Name</b> - The name of the course (e.g. "Introduction to Data Structures")</li>
					<li><b>Department</b> - The department where this course will be taught (e.g. "ICS")</li>
					<li><b>Number</b> - The course number (e.g. "23")</li>
					<li><b>Type</b> - The graduate level of this course (e.g. "Undergraduate")</li>
					<li><b>Students</b> - The number of students to be allowed in this course (e.g. "30")</li>
					<li><b>Notes</b> (optional) - Any notes you would like to write about this course</li>
				</ul>
			</li>
			<li>Click the "Update Course" button and you're done!</li>
		</ol>
	</div>
	
<br />
	
<a href="#" id="helpLinkRemoveCourse">Remove a Course</a><br />
	<div id="helpRemoveCourse" style="display:none"><br />
		To remove a course:<br />
		
		<ol>
			<li>Go to the drop-down menu on the top-right of the page and choose "Manage Courses"</li>
			<li>Find the course you want to remove and click the X icon on the Manage Courses page</li>
			<li>Click "OK" in the confirmation window and you're done!</li>
		</ol>
	</div>

</div>

<?php include("includes/footer.php"); ?>

<script type="text/javascript">
	$('#helpLinkColor').click(function() {
		$('#helpColor').slideToggle(300);
		return false;
	});
	
	$('#helpLinkAddCourse').click(function() {
		$('#helpAddCourse').slideToggle(300);
		return false;
	});
	
	$('#helpLinkEditCourse').click(function() {
		$('#helpEditCourse').slideToggle(300);
		return false;
	});
	
	$('#helpLinkRemoveCourse').click(function() {
		$('#helpRemoveCourse').slideToggle(300);
		return false;
	});
</script>

</body>

</html>

<?php

// print out the buffer
ob_end_flush();

?>